<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <body>
        <h:form id="footerForm">
            <ui:composition>   
                <ui:insert name="footercss">
                    <h:outputStylesheet library="css" name="footer/footer.css"></h:outputStylesheet>
                    <h:outputStylesheet library="css" name="footer/footer_desktop.css" media="screen and (min-width:1025px) and (max-width:1600px)"></h:outputStylesheet>
                    <h:outputStylesheet library="css" name="footer/footer_desktop_wide.css" media="screen and (min-width : 1601px)"></h:outputStylesheet>
                    <h:outputStylesheet library="css" name="footer/footer_tablet.css" media="screen and (min-device-width : 768px) and (max-device-width : 1024px), screen and (max-width:1024px)"></h:outputStylesheet>
                    <h:outputStylesheet library="css" name="footer/footer_smartphone.css" media="screen and (min-device-width : 320px) and (max-device-width : 767px), screen and (max-width:767px)"></h:outputStylesheet>
                </ui:insert>
                <div class="grayBackgroundStrong width100" id='footer'>
                    <div class="inlineBlock paddingFooterIcons noSmartphone footerEmployDiv">
                            <h2 class="stepTextTitle colorWhite subTitleText paddingLeft5percent block  upperCase titleFont ">#{staticContextMessages.staticContentMessage1}</h2>
                            <p:commandLink process="@this" action="/views/staticContent/categories/shopAsistant?faces-redirect=true" styleClass="marginTop05em bodyText block colorLightGray paddingLeft5percent littleText" value="#{staticContextMessages.staticContentMessage2}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/categories/waiter?faces-redirect=true" styleClass="marginTop05em bodyText block colorLightGray paddingLeft5percent littleText"  value="#{staticContextMessages.staticContentMessage3}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/categories/hairdressing?faces-redirect=true" styleClass="marginTop05em block colorLightGray paddingLeft5percent littleText" value="#{staticContextMessages.staticContentMessage4}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/categories/hotel?faces-redirect=true" styleClass="marginTop05em block colorLightGray paddingLeft5percent littleText" value="#{staticContextMessages.staticContentMessage5}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/categories/tradeRepresentative?faces-redirect=true" styleClass="marginTop05em block colorLightGray paddingLeft5percent littleText" value="#{staticContextMessages.staticContentMessage6}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/categories/checker?faces-redirect=true" styleClass="marginTop05em block colorLightGray paddingLeft5percent marginBottom20 littleText" value="#{staticContextMessages.staticContentMessage7}"></p:commandLink>
                    </div>
                    <div class="inlineBlock paddingFooterIcons displayNone smartphone footerEmployDiv">
                            <h2 class="stepTextTitle colorWhite subTitleText paddingLeft5percent inlineBlock upperCase titleFont smartphoneEmployTitle">#{staticContextMessages.staticContentMessage1}</h2>
                            <div class="inlineBlock verticalAlignTop footerIconDiv displayNone smartphone"  >
                                <h:outputLink styleClass="inlineBlock footerIcon" value="https://www.youtube.com/user/TheRecruitery" target="_blank">
                                    <h:graphicImage alt="#{messages.Youtube}" styleClass="width100" library="icons" name="logo_youtube.png" value="youtube"/>
                                </h:outputLink>
                                <h:outputLink styleClass="inlineBlock footerIcon" value="https://www.linkedin.com/company/therecruitery" target="_blank">
                                    <h:graphicImage alt="#{messages.Linkedin}" styleClass="width100" library="icons" name="logo_linkedin.png" value="linkedin"/>
                                </h:outputLink>
                                <h:outputLink styleClass="inlineBlock footerIcon" value="https://www.twitter.com/TheRecruitery" target="_blank">
                                    <h:graphicImage alt="#{messages.Twitter}"  styleClass="width100" library="icons" name="logo_twiter.png" value="twitter"/>
                                </h:outputLink>
                                <h:outputLink styleClass="inlineBlock footerIcon" value="https://www.facebook.com/TheRecruitery" target="_blank">
                                    <h:graphicImage alt="#{messages.Facebook}" styleClass="width100" library="icons" name="logo_facebook.png" value="facebook"/>
                                </h:outputLink>
                            </div>
                            <p:commandLink process="@this" action="/views/staticContent/categories/shopAsistant?faces-redirect=true" styleClass="marginTop05em bodyText block colorLightGray paddingLeft5percent littleText marginTop05em" value="#{staticContextMessages.staticContentMessage2}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/categories/waiter?faces-redirect=true" styleClass="marginTop05em bodyText block colorLightGray paddingLeft5percent littleText marginTop05em"  value="#{staticContextMessages.staticContentMessage3}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/categories/hairdressing?faces-redirect=true" styleClass="marginTop05em block colorLightGray paddingLeft5percent littleText marginTop05em" value="#{staticContextMessages.staticContentMessage4}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/categories/hotel?faces-redirect=true" styleClass="marginTop05em block colorLightGray paddingLeft5percent littleText marginTop05em" value="#{staticContextMessages.staticContentMessage5}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/categories/tradeRepresentative?faces-redirect=true" styleClass="marginTop05em block colorLightGray paddingLeft5percent littleText marginTop05em" value="#{staticContextMessages.staticContentMessage6}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/categories/checker?faces-redirect=true" styleClass="marginTop05em block colorLightGray paddingLeft5percent marginBottom20 littleText marginTop05em" value="#{staticContextMessages.staticContentMessage7}"></p:commandLink>
                    </div>
                    <div class="padding1em inlineBlock noSmartphone footerAboutUsDiv verticalAlignTop">
                        <h2  class="stepTextTitle subTitleText   block upperCase titleFont ">#{staticContextMessages.menuAboutUsMessage1}</h2>
                            <p:commandLink process="@this" action="/views/staticContent/aboutUs/philosophy?faces-redirect=true" styleClass="marginTop05em bodyText block colorLightGray littleText marginTop05em" value="#{staticContextMessages.menuAboutUsMessage2}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/aboutUs/objective?faces-redirect=true" styleClass="marginTop05em bodyText block colorLightGray littleText marginTop05em"  value="#{staticContextMessages.menuAboutUsMessage3}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/aboutUs/algorithm?faces-redirect=true" styleClass="marginTop05em block colorLightGray littleText marginTop05em" value="#{staticContextMessages.menuAboutUsMessage4}"></p:commandLink>
                            <p:commandLink process="@this" action="/views/staticContent/aboutUs/achievements?faces-redirect=true" styleClass="marginTop05em block colorLightGray littleText marginTop05em" value="#{staticContextMessages.menuAboutUsMessage5}"></p:commandLink>
                    </div>
                    <div class="inlineBlock verticalAlignTop footerIconDiv noSmartphone"  >
                            <h:outputLink styleClass="inlineBlock footerIcon" value="https://www.youtube.com/user/TheRecruitery" target="_blank">
                                <h:graphicImage alt="#{messages.Youtube}" styleClass="width100" library="icons" name="logo_youtube.png" value="youtube"/>
                            </h:outputLink>
                            <h:outputLink styleClass="inlineBlock footerIcon" value="https://www.linkedin.com/company/therecruitery" target="_blank">
                                <h:graphicImage alt="#{messages.Linkedin}" styleClass="width100" library="icons" name="logo_linkedin.png" value="linkedin"/>
                            </h:outputLink>
                            <h:outputLink styleClass="inlineBlock footerIcon" value="https://www.twitter.com/TheRecruitery" target="_blank">
                                <h:graphicImage alt="#{messages.Twitter}"  styleClass="width100" library="icons" name="logo_twiter.png" value="twitter"/>
                            </h:outputLink>
                            <h:outputLink styleClass="inlineBlock footerIcon" value="https://www.facebook.com/TheRecruitery" target="_blank">
                                <h:graphicImage alt="#{messages.Facebook}" styleClass="width100" library="icons" name="logo_facebook.png" value="facebook"/>
                            </h:outputLink>
                    </div>
                </div>
        </ui:composition>
        </h:form>
    </body>
</html>

